<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<title>TheyWorkForYou.com: Are your MPs and Peers working for you in the UK's Parliament?</title>
	<script type="text/javascript" src="/js/main.js"></script>


	 <script src="./jquery-latest.js"></script>
	<link rel="stylesheet" href="http://ui.jquery.com/latest/themes/flora/flora.tabs.css" type="text/css" media="screen" title="Flora (Default)">
	<script type="text/javascript" src="./jquery.ui.js"></script>
	<script type="text/javascript" src="./jquery.tabs.js"></script>

	<base href="http://theyworkforyou.com"/>
	<link rel="stylesheet" href="http://theyworkforyou.com/style/default/global.css" type="text/css">
	<style type="text/css">
		@import url(/style/default/global_non_ns4.css);
	</style>



	<style type="text/css">
	#bottommenu {
		top:0em;
	}

	body {
		background-color:white;
	}
	#container {
		width:60%;
	}
	.ui-tabs-nav a span {
		background:none;
	}

	.ui-tabs-panel {
		background-color:#F5FDEA;
		//padding: 0px;
	}
	div.main { 
		width:98% !important;
		padding:1em;
		
	}
 h2 {
		margin:1em;
		padding:0.1em;
		padding-left:1em !important;
		margin-left:0em !important;
		background-color:#4D6C25 ;
		color:white;
	}
	


#topmenu a.on, #topmenu a:hover {
 color:black;
font-weight:bold !important;	
}

#topmenu ul.jumpers li{
	display:none;
	
}
.ui-tabs-nav a span {
		 color:white;
		padding:0.1em 1em !important;
		margin:0px !important;
top:-2em !important;
	}
	
	
	
		#topMenu >  li.ui-tabs-selected {
			background-color:#F5FDEA !important;	
			color:black !important;
			border:1px solid #4D6C25;
			border-bottom:0px;
			top:1px;	
	}
		#topMenu >  li.ui-tabs-selected  span{
			color:black !important;
	}
	
	
	
	#topmenu a.on, #topmenu a {
		
		background:none !important;
		background-color:none !important;
	}

.ui-tabs-nav  li {
	background-color:#4D6C25 !important;
	
	//border-bottom:0px !important;
}
#topmenu {
	padding:0px !important;
	background-color:white;
}
#topmenu a {
	display:inline;
	padding:0em;
	border-bottom:0px solid red !important;
}

#topmenu li {
	top:0.6em;	
}

.bigInput {
	font-size:2em;
}
#personSearchResults {
	padding:1em;
	background:#fefee !important;
}
#title{
	background-color:white;
}

.personResult {
	padding:1.2em !important;
	margin:0em  !important;
	width:92%  !important;
	background-color:#eee !important;
	border-bottom:1px solid white;
}
form {
	text-align:center;
}
</style>
</head><body>
<div id="container">
	<a name="top"></a>

	<div id="banner">
		<div id="title">
			<h1><img src="http://theyworkforyou.com/images/theyworkforyoucom.gif" width="293" height="28" alt="TheyWorkForYou.com"></h1>
		</div>
	
	</div> <!-- end #banner -->
	<div id="menu">
		<div id="topmenu">
			

			<div id="topMenuContainer">
			     <ul id="topMenu">
			         <li><a href="http://127.0.0.1/twfy/pages/YourMP.html"><span>Your MP</span></a></li>
			         <li><a href="http://127.0.0.1/twfy/pages/home.html"><span>Search</span></a></li>
		             <li><a href="http://127.0.0.1/twfy/pages/help.html"><span>Help</span></a></li>
			     </ul>
			</div>

			<script>
			$('#topMenuContainer').tabs({ remote: true });
			</script>
</div>
</div> <!-- end #menu -->
<noscript><img src="http://piwik.mysociety.org/piwik.php?i=1" style="border:0" alt=""></noscript>
<!-- /Piwik -->

</body>
</html>
